<template>
<header id="head">
    <h1 class="mod_head">
        <a href="#" class="head_live"></a>
        <p class="head_logo"></p>
        <span class="head_search"></span>

    </h1>
    <div class="menu_box">
        <menu class="head_menu">
            <li>
                <a href="#" class="bigFont">头条</a>
            </li>
            <li>
                <a href="#" >头条</a>
            </li>
             <li>
                <a href="#" >头条</a>
            </li>
             <li>
                <a href="#" >头条</a>
            </li>
             <li>
                <a href="#" >头条</a>
            </li>
             <li>
                <a href="#" >头条</a>
            </li>
             <li>
                <a href="#" >头条</a>
            </li>
             <li>
                <a href="#" >头条</a>
            </li>
             <li>
                <a href="#" >头条</a>
            </li>
        </menu>
    </div>
    <span class="mod_show"></span>
    <span class="add_title">+</span>
    <div class="head_push">
        <p>成功为您推荐10条新内容</p>
    </div>
</header>

</template>

<script>
export default {
  name: 'head',
  data () {
    return {

    }
  }
}
</script>
